Ext.onReady(function() {
	var arrMenu = new Array();
	arrMenu[0] = new Ext.menu.Menu();
	arrMenu[1] = new Ext.menu.Menu();
	arrMenu[2] = new Ext.menu.Menu();
	arrMenu[0].add({
		text : '用户管理',
		iconCls : 'icon-list',
		handler : function() {
			addTab('user', this.text);
		}
	});
	arrMenu[0].add({
		text : '权限管理',
		iconCls : 'icon-list',
		handler : function() {
			addTab('management', this.text);
		}
	});
	arrMenu[0].addSeparator();
	arrMenu[0].add({
		text : '退出',
		iconCls : 'icon-list',
		handler : function() {
			if (confirm("将要退出登录，是否继续？") == true) {
				window.location.href = 'logout.php';
			}
		}
	});
	arrMenu[1].add({
		text : '门店管理',
		iconCls : 'icon-list',
		handler : function() {
			addTab('customer', this.text);
		}
	});
	arrMenu[1].add({
		text : '产品管理',
		iconCls : 'icon-list',
		handler : function() {
			addTab('item', this.text);
		}
	});
	arrMenu[2].add({
		text : '总部配额总数',
		iconCls : 'icon-list',
		handler : function() {
			addTab('input', this.text);
		}
	});
	arrMenu[2].add({
		text : '门店销量估计',
		iconCls : 'icon-list',
		handler : function() {
			addTab('logic', this.text);
		}
	});
	arrMenu[2].addSeparator();
	arrMenu[2].add({
		text : '自动分配',
		iconCls : 'icon-list',
		handler : function() {
			Ext.example.msg('消息', '开发中，暂不可用！');
		}
	});
	arrMenu[2].addSeparator();
	arrMenu[2].add({
		text : '门店配额明细',
		iconCls : 'icon-list',
		handler : function() {
			addTab('output', this.text);
		}
	});

	var toolBar = new Ext.Toolbar({
		region : 'north',
		items : [ {
			text : g_name,
			iconCls : g_gender == '女' ? 'icon-female' : 'icon-male',
			menu : arrMenu[0]
		}, '-', {
			text : '基础数据管理',
			menu : arrMenu[1]
		}, '-', {
			text : '输入输出管理',
			menu : arrMenu[2]
		} ]
	});

	function onButtonClick(btn) {
		Ext.example.msg('Button Click', 'You clicked the "{0}" button.',
				btn.text);
	}

	var tabPanel = new Ext.TabPanel({
		region : 'center',
		activeTab : 0,
		tabPosition : 'top',
		enableTabScroll : true,
		border : false,
		items : [ {
			title : '首页',
			contentEl : 'main',
			autoScroll : true
		} ]
	});

	function addTab(id, title) {
		var tab = tabPanel.getItem(id);
		if (!tab) {
			tab = tabPanel.add({
				id : id,
				title : title,
				closable : true,
				html : '<iframe scrolling="auto" src="grid.php?tname=' + id
						+ '" frameborder="0" width="100%"'
						+ ' height="100%"></iframe>'
			});
		}
		tabPanel.setActiveTab(tab);
	}

	var viewport = new Ext.Viewport({
		renderTo : Ext.getBody(),
		layout : 'border',
		items : [ toolBar, tabPanel ]
	});

});